<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性选择器</title>
    <style type="text/css">
    /*为所有具有title 属性的p元素，设置一个背景为黄色*/
    /*属性选择器*/
    /*        可以根据元素中的属性或者属性值来选取指定的元素*/
    /*    语法：*/
    /*        [属性名] 选取含有指定属性的元素*/
    /*          [属性名="属性值"] */
    /*          [属性名^="属性值"] 选取属性值以指定内容开头的元素*/
    /*          [属性名$="属性值"] 选取属性值以指定内容结尾的元素*/
    /*          [属性名*="属性值"] 选取属性值包含指定内容的元素*/

    p[title="你好"]{
        background: yellow;
    }
    </style>

</head>
<body>    <!--title属性：可以给任何标签，当鼠标移入到元素时，元素中的title属性的值会作为提示文字显示-->
<p title="你好">你是？</p>
<p>你是？</p>
<p>你是？</p>
<p title="你好">你是？</p>
<p>你是？</p>
</body>
</html>